import React from 'react';
import ReactDOM from 'react-dom'
import './index.css';
// import App from './App';
// import App from './01-base/01-jsx认识';
// import App from './01-base/02-状态';
// import App from './01-base/03-函数';
// import App from './01-base/04-ref';
// import App from './01-base/05-循环判断渲染';
// import App from './01-base/06-dangerouslySetInnerHTML';
// import App from './01-base/07-非受控组件';
// import App from './01-base/08-受控组件';
// import App from './01-base/09-父子组件';
// import App from './01-base/10-样式';
//import App from './01-base/11-props';
// import App from './01-base/12-异步调用';

// import App from './02-组件通信/01-父子通信';
// import App from './02-组件通信/02-兄弟组件通信';
// import App from './02-组件通信/03-发布订阅';
// import App from './02-组件通信/04-插槽';
// import App from './02-组件通信/05-context';


// import App from './03-生命周期/01-初始化';
// import App from './03-生命周期/02-更新阶段01';
// import App from './03-生命周期/03-更新阶段02';
// import App from './03-生命周期/04-更新阶段03';
// import App from './03-生命周期/05-销毁';
// import App from './03-生命周期/06-新生命周期01';
// import App from './03-生命周期/07-新生命周期02';

// import App from './04-hooks/01-useState';
// import App from './04-hooks/02-useEffect01';
// import App from './04-hooks/03-useEffect02';
// import App from './04-hooks/04-useEffect03';
// import App from './04-hooks/05-useMemo';
// import App from './04-hooks/06-useRef';

// import App from './05-代理/01-反向代理';

// import App from './06-路由/01-路由';
// import App from './06-路由/02-路由嵌套';
import App from './06-路由/04-路由传参';


//import App from './08-immutable/01-深拷贝浅拷贝';
// import App from './08-immutable/02-immutable';
// import App from './08-immutable/03-immutable应用';

//import App from './09-Antd组件库/01-Antd组件按钮';
// import App from './09-Antd组件库/02-Antd组件图标';
// import App from './09-Antd组件库/03-Antd组件栅格';
//import App from './09-Antd组件库/04-Antd组件布局';


//11-props
import reportWebVitals from './reportWebVitals';

// react 18
// const root = ReactDOM.createRoot(document.getElementById('root'));
// root.render(
//   <React.StrictMode>
//     <App />
//   </React.StrictMode>
// );

// react 16
ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
)

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();
